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(function($) { 


var $window = $(window), 
$body = $('body'); 


// Breakpoints. 
breakpoints({ 
xlarge: ['1281px', '1680px' ], 
large: ['981px', '1280px' ], 
medium: ['737px', '980px' ], 
small: [null, '736px' ] 


// Title Bar. 
$( 
‘<div id="titleBar">' + 
‘<a href="#navPanel" class="toggle"></a>' + 
‘<span class="title">' + $('#logo').html() + '</span>' + 
'</div>' 


.appendTo($body); 


II Navigation Panel. 
$( 
‘<div id="navPanel">' + 
'<nav>' + 
$(‘#nav').navList() + 
'</nav>' + 
"</div>" 


.appendTo($body) 
.panel({ 
delay: 500, 
hideOnClick: true, 
hideOnSwipe: true, 
resetScroll: true, 
resetForms: true, 
side: ‘left’, 
target: $body, 


visibleClass: 'navPanel-visible' 


})(jQuery); 


